<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.h{
margin-top:40px;
paddint-top:20px;
font-height:40px;

}
.display{
display:inline-block;
}
/* 
 .bg-blur {
            float: left;
            width: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            -webkit-filter: blur(40px);
            -moz-filter: blur(30px);
            -o-filter: blur(30px);
            -ms-filter: blur(15px);
            filter: blur(5px);
        }
        
   .none-blur{
     -webkit-filter: blur(0px);
            -moz-filter: blur(0px);
            -o-filter: blur(0px);
            -ms-filter: blur(0px);
            filter: blur(0px);
   
   }
  *//* 
   .content-front {
          position:absolute;
          left: 10px;
          right: 10px;
          height:600px;
          line-height: 600px;
          text-align: center;
        }
 */
</style>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/bootstrap.css" />
<script src="js/jquery-3.4.1.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>

<title>系统管理</title>
</head>
<body>
<div >
<img src="img/car5.png" width="1500px" height="320px">
</div>


<div class="row" style="margin-top:50px;">
<div class="col-md-2"></div>
<div class="col-md-8">
<h2 style="margin-top:60px">一、项目介绍</h2>
<div class="row" style="margin-top:50px" >
<div class="col-md-5" style="width:440px;height:200px;background-image:url(img/bg1.png);background-size:100%">
<div>
<h3>项目概述：</h3>
<div>
崭新的宝马、奔驰、丰田等，这些我们都没有。我们只做二手车！但我们保证，我们的二手车没有坏车，二手车也有靓车。我们贵在实惠，信赖真诚！
</div>
</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-5 display bg-blur" style="width:440px;height:200px;background-image:url(img/bg2.png);background-size:100%;">
<h3>功能介绍:</h3>
<div>
1、增加录入新的车辆信息。
</div>
<div>
2、选择修改车辆信息。
</div>
<div>
3、选择删除车辆信息。
</div>
<div>
4、搜索关键字进行查询车辆信息。
</div>
</div>
</div>
</div>
<div class="col-md-2"></div>
</div>

<div class="row" style="margin-top:50px;">
<div class="col-md-2"></div>
<div class="col-md-8">

<div class="row" >
<div class="col-md-5 display bg-blur" style="width:440px;height:200px;background-image:url(img/bg4.png);background-size:100%;">

<h3>项目进度:</h3>
<div>
这个二手车管理系统尚未优化界面观感，注册界面的录入信息过少，且未有正则加以条件限定，我们打算长时间改进和优化该项目！</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-5" style="width:440px;height:200px;background-image:url(img/bg3.png);background-size:100%">
<h3>项目心得:</h3>
<div>
整个项目设计过程，我们以老师教授内容为基础和模范对我们的项目进行设计，整个过程锻炼了团队配合能力，提升了基础技术的应用能力，但是在设计中对于整个项目的进度跟进相对迟滞，对于其他功能的增添也经常以超越自己当前能力的技术实现，这点需要我们注意并在以后的项目和学习中尽力避免。
</div>
 </div>
</div>
</div>
<div class="col-md-2"></div>
</div>

 
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<h2 style="margin-top:120px;">二、流程图</h2>

</div>
<div class="col-md-2"></div>
</div> 

<center>
<div style="margin-top:30px">
<img src="img/process.png" height="700" width="700">
<div style="background-color:blue;">
</div >
</div>
</center>
<div>
<img src="img/car6.png" width="1500px" height=260px">
</div>
</body>
</html>